Skip to content

Fix CloseButton alignment in KeyboardAvoidingViewExample (#58431) - #58431

Open
jasozh wants to merge 2 commits into
react:mainfrom
jasozh:export-D119204438
Open

Fix CloseButton alignment in KeyboardAvoidingViewExample (#58431)#58431
jasozh wants to merge 2 commits into
react:mainfrom
jasozh:export-D119204438

Conversation

@jasozh

@jasozh jasozh commented Sep 9, 2026

Copy link
Copy Markdown

Summary:

The RNTester KeyboardAvoidingView example had alignment issues with the close button on top of the example form. When KeyboardAvoidingView's behavior was toggled to "position", a small amount of right padding is added to the close button, making it appear non-flush with the right edge of the form. This impacted both the "Keyboard Avoiding View with different behaviors" screen and the "Keyboard Avoiding View with contentContainerStyle" screen.

Changelog:
[Internal]

Differential Revision: D119204438

@meta-cla meta-cla Bot added the CLA Signed This label is managed by the Facebook bot. Authors need to sign the CLA before a PR can be reviewed. label Sep 9, 2026
@meta-codesync

meta-codesync Bot commented Sep 9, 2026

Copy link
Copy Markdown

@jasozh has exported this pull request. If you are a Meta employee, you can view the originating Diff in D119204438.

@facebook-github-tools facebook-github-tools Bot added p: Facebook Partner: Facebook Partner labels Sep 9, 2026
jasozh added a commit to jasozh/react-native that referenced this pull request Sep 10, 2026
Summary:

The RNTester KeyboardAvoidingView example had alignment issues with the close button on top of the example form. When KeyboardAvoidingView's behavior was toggled to "position", a small amount of right padding is added to the close button, making it appear non-flush with the right edge of the form. This impacted both the "Keyboard Avoiding View with different behaviors" screen and the "Keyboard Avoiding View with contentContainerStyle" screen.

Changelog:
[Internal]

Differential Revision: D119204438
Summary:

In the RNTester KeyboardAvoidingView example, fix minor spacing issues and add descriptions for "Keyboard Avoiding View with enabled={false}" and "Keyboard Avoiding View with contentContainerStyle".

Changelog:
[Internal]

Differential Revision: D119204437
Summary:

The RNTester KeyboardAvoidingView example had alignment issues with the close button on top of the example form. When KeyboardAvoidingView's behavior was toggled to "position", a small amount of right padding is added to the close button, making it appear non-flush with the right edge of the form. This impacted both the "Keyboard Avoiding View with different behaviors" screen and the "Keyboard Avoiding View with contentContainerStyle" screen.

Changelog:
[Internal]

Differential Revision: D119204438
@meta-codesync meta-codesync Bot changed the title Fix CloseButton alignment in KeyboardAvoidingViewExample Fix CloseButton alignment in KeyboardAvoidingViewExample (#58431) Sep 10, 2026
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

CLA Signed This label is managed by the Facebook bot. Authors need to sign the CLA before a PR can be reviewed. meta-exported p: Facebook Partner: Facebook Partner

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant